<template>
    <div class="header">
        <i class="iconfont icon-icon01 back" @click.stop.prevent="back"></i>
        <span class="title">账本</span>
        <i class="iconfont icon-delete dele" @click.stop.prevent="dele"></i>
    </div>
</template>

<script>
export default {
    methods: {
        back() {
            this.$emit("back");
        },
        dele() {
            this.$emit("dele");
        }
    }
}
</script>

<style lang="scss" scoped>
@import "../style/vars.scss";
.header {
    position: fixed;
    height: 50px;
    width: 100%;
    background: $background-color2;
    line-height: 50px;
    display: flex;
    justify-content: center;
    i {
        flex: 1;
        font-size: 20px;
        font-weight: bold;
        color: #000000;
        cursor: pointer;
    }
    i.dele {
        color: gray;
    }
    span {
        flex: 1;
        font-size: 20px;
    }
}
</style>


